html{
  height:100%;
}
body {
  height: 100%;
}
.main-banners{
  height:100%;
}
.sliders-con,.sliders-con-btm{

  width:100%;
  height:25.68rem;
  padding-top:5.6rem;
/*  background: url(../assets/images/banner/3.jpg);*/
  background:#F8f8f8;
  background-size:100% 25.68rem;

}
.sliders-con{
  text-align: center;
}
.sliders-con-btm{
  display: -webkit-box;
}
.list-slider{
  position: relative;
  -webkit-box-flex:1;
  height:12rem;
  background:url(../assets/images/banner/mobileCon.png) no-repeat top 50%;
  background-size:8.28rem 10.88rem;

  overflow:hidden;

}
.slider-img-con{
  position:absolute;
  width:8.28rem;
  left:60%;
  top:.6rem;
  margin-left:-5.64rem;
}

.slider-img-con:first-child{
  z-index:5;
}
.slider-img-con:nth-child(2){
  top:2rem;
  left:4.6rem;
  z-index:1;

}
.slider-img-con:nth-child(3){
    top:2rem;
    left:9.2rem;
    z-index:3;
  }
.slider-img-con:nth-child(4){
  top:2rem;
  left:11.2rem;
  z-index:2;
  -webkit-transform: scale(.9);
}

.list-slider:before{
  content:"";
  display: block;
  position:absolute;
  width:8.28rem;
  height:10.68rem;
  left:1.6rem;
  top:.6rem;
  background:url(../assets/images/banner/mobileCon.png) no-repeat;
  background-size:8.28rem 10.68rem;
  box-sizing: border-box;
  z-index:6;

}
.slider-img-con .images-src{
  width:4.1rem;
  margin-left:2.1rem;
  box-shadow: 0 0 6px rgba(0,0,0,.3);
}
.slider-img-con:first-child .images-src {
  position: absolute;
  box-shadow: none;
  margin-top: 1.2rem;
  box-shadow: none;
}


.sliders-con-btm{
  width:100%;
  height:24.68rem;
  background:url(../assets/images/banner/8.jpg) left top;
  background-size: 100% 24.68rem;
  overflow:hidden;
  text-align: center;
}

.sliders-con-btm .images-src{
  display: block;
  width:12rem;

  margin:0 auto;
}
.sliders-con-btm .yd-slider-pagination{
  bottom:2rem !important;
}
.list-con{
  width:60rem;
  position:absolute;
  display: -webkit-box;

}
.slider-list-con {
  display:-webkit-box;
  padding:0 1.2rem 0 0;
}
.left-arr, .right-arr{
  display: block;
  width:.64rem;
  height:.64rem;
  margin-top:4rem;
  border-width:1px;
  border-color:#F9F9F9 #F9F9F9 #999 #999;
  border-style:solid;
}
.left-arr{
  margin-left:.6rem;
  -webkit-transform: rotate(45deg);
}
.right-arr{
  -webkit-transform: rotate(-135deg);
}
.img-pare-con, .img-ban-pare-con,
.img-ban-pare-con01, .img-pares-container{
  position: relative;
  display: block;
  padding-left:.8rem;
  width:9rem;
  margin-right:.8rem;

}
.img-ban-pare-con{
  width:100%;
  background: #FFF;
}
.img-ban-pare-con01{
  width:100%;
}
.img-pares-container{
  width:100%;
  background: #FFF;
}
.img-ban-pare-con:before{
  content:"";
  display:block;
  position:absolute;
  width:10.52rem;
  height:4.22rem;
  left:.8rem;
  top:5.6rem;
  background:url(../assets/images/banner/ban01Txt.png) no-repeat;
  background-size:10.52rem 4.22rem;
  z-index:2;
}
.img-pare-con img,
.img-ban-pare-con img,
.img-ban-pare-con01 img,
.img-pares-container img{
  position: absolute;
  display: block;
  width:100%;
  left:0;
  top:0;
  z-index:1;
}
.img-pares-container{
  background: #f9f8f8;

}
.img-pares-container img{
  top:0rem;
}
.img-ban-pare-con:after{
  content:"";
  display: block;
  position:absolute;
  width:5.6rem;
  height:14.26rem;
  right:1.6rem;
  top:8.4rem;
  background:url(../assets/images/banner/mobile.png);
  background-size:5.6rem 14.26rem;
  z-index:3;
}
.img-ban-pare-con01:before{
  content:"";
  display: block;
  position:absolute;
  width:10.74rem;
  height:19.7rem;
  top:4rem;
  left:50%;
  margin-left:-5.32rem;
  background:url(../assets/images/banner/ban03Icon.png) no-repeat;
  background-size:10.74rem 19.7rem;
  z-index:2;
}
.yd-slider-pagination-item{
  display: inline-block;
  margin: .4rem;
  width:.36rem;
  height:.36rem;
  background:#D2D2D2;
  border-radius:.36rem;
}
.yd-slider-pagination-item.yd-slider-pagination-item-active{
  background:#7d7d7d;
}
.sliders-con-btm .yd-slider-pagination-item{
  margin: .2rem;
  width:.3rem;
  height:.3rem;
  background:#D2D2D2;
  border-radius:.3rem;
  z-index: 1000;
}
.sliders-con-btm .yd-slider-pagination-item.yd-slider-pagination-item-active{
  background:#fb232d !important;
}
.sliders-con:before{
  content:"";
  display: block;
  width:11.28rem;
  height:1.3rem;
  margin:0 auto;
  background:url(../assets/images/banner/ban03Txt.png) no-repeat;
  background-size:11.28rem 1.3rem;
  text-align: center;
}
.sliders-con img.sliders-con-img{

   display: block;
   width:7.6rem;
  margin:0 auto;

}
.circle {
  perspective:1200px;
  -webkit-transform-style:preserve-3d;
}
.img-sliders {
  position:absolute;
  width:4.84rem;
  height:8rem;
  -webkit-transition:all 0.3s linear;
}
.img-sliders:first-child {
  -webkit-transform:rotateY(0deg) translateZ(8rem);
}
.img-sliders:nth-child(2) {
  -webkit-transform:rotateY(40deg) translateZ(8rem);
}
.img-sliders:nth-child(3) {
  -webkit-transform:rotateY(80deg) translateZ(8rem);
}
.img-sliders:nth-child(4) {
  -webkit-transform: rotateY(120deg) translateZ(8rem);
}
